<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
    <title>图书查询系统</title>
    <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic' rel='stylesheet' type='text/css'>
    <!-- js -->
    <script src="js/jquery.min.js"></script>
    <!-- //js -->
    <!-- for-mobile-apps -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
    function hideURLbar(){ window.scrollTo(0,1); } </script>
    <!-- //for-mobile-apps -->
    <!-- start-smoth-scrolling -->
    <script type="text/javascript" src="js/move-top.js"></script>
    <script type="text/javascript" src="js/easing.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function($) {
            $(".scroll").click(function(event){
                event.preventDefault();
                $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
            });
        });
    </script>
    <!-- start-smoth-scrolling -->
</head>

<body>
<!-- banner -->
<div id="home" class="banner">
    <div class="container">
        <div class="navi">
            <div class="main-in">

            </div>

            <!--- Navigation from left To right --->
            <div class="clearfix"> </div>
        </div>
        <div class="icons">
            <ul>
                <li><a href="/sql/loginForm" class="facebook">登录</a></li>
                <li><a>&nbsp;</a></li>
                <li><a href="/sql/registerForm" class="facebook">注册</a></li>
            </ul>
        </div>
        <div class="logo">
            <a href="#"><img src="images/logo.png" alt=" " ></a>
        </div>
        <div class="clearfix"> </div>
        <div class="banner-info">
            <h3>图书查询系统</h3>
            <br/><br/><br/>
            <div class="get">
                <a href="/sql/queryForm" class="hvr-shutter-in-horizontal">GET START</a>
            </div>
        </div>

    </div>
</div>
<!-- //banner -->

</body>
</html>